<script src="order.component.ts"></script>
<app-nav [step]="3"></app-nav>
<div class="mui-content bg-gray">
  <div class="d-flex top-bar bg-linear">
    <div class="flex text-center title">我的单子</div>
  </div>
   <div class="d-flex filter-bar">
    <div class="flex filter">
      <select class="m-0" [(ngModel)]="followtime" (change)="serch()">
        <option value="">跟进时间</option>
        <option value="1">1个月内</option>
        <option value="2">2个月内</option>
        <option value="3">3个月内</option>
        <option value="4">6个月内</option>
        <option value="5">12个月内</option>
        <option value="6">24个月内</option>
      </select>
    </div>
    <div class="flex filter">
      <select class="m-0" [(ngModel)]="followrecord" (change)="serch()">
        <option value="">跟进记录</option>
        <option value="1">客户不需要</option>
        <option value="2">资质太差</option>
        <option value="3">无人接听</option>
        <option value="4">联系中</option>
        <option value="5">已加微信</option>
        <option value="6">后期可回访</option>
      </select>
    </div>
  </div>
  <ul class="dan-list mui-list-unstyled order-list" *ngIf="!empty">
    <li class="m" *ngFor="let order of orderList" >
      <div *ngIf="order.customer_data" (click)="orderDetail(order.customer_id,order.id)">
        <div class="client-case p">
          <h4 class="client-name">{{order.customer_data.realname}}</h4>
          <div class="client-ask">
            <span>{{order.customer_data.city_name ? order.customer_data.city_name : '全国'}}</span>
            <span class="liner">|</span>
            <span>{{order.customer_data.occupation ? order.customer_data.occupation : '自由职业'}}</span>
            <span class="m-l">
            <span class="money-number">{{order.customer_data.money}}</span>元</span>
          </div>
        </div>
        <div class="client-situation mui-row mui-text-center">
        <span class="mui-col-xs-4">
          <img src="./assets/images/money.png" alt="月收入">收入{{order.customer_data.monthlyincome ? order.customer_data.monthlyincome : '未知'}}</span>
          <span class="mui-col-xs-4">
          <img src="./assets/images/house.png" alt="房子">{{order.customer_data.housetype ===1 ? '有房无房贷' : (order.customer_data.housetype ===2 ? '有房有房贷' : (order.customer_data.housetype
          ===3 ? '无房' :'未知'))}}</span>
          <span class="mui-col-xs-4">
          <img src="./assets/images/car.png" alt="车">{{order.customer_data.cartype ===1 ? '有车无车贷' : (order.customer_data.housetype ===2 ? '有车有车贷' : (order.customer_data.housetype
          ===3 ? '无车' :'未知'))}}</span>
        </div>
      </div>

    </li>
    <button type="button" class="mui-btn mui-btn-block add-btn"  (click)="more($event)"  *ngIf="showAdd">点击加载更多</button>
  </ul>

  <div class="empty" *ngIf="empty">
    <div class="mui-text-center">
      <img src="./assets/images/empty.png" style="margin:0 auto;width:70px;height:90px;">
      <p class="gray-color m-t">暂无此项抢单记录</p>
    </div>
  </div>
</div>
